<template>
  <div class="sw">
 <mt-swipe :auto="4000">
  <mt-swipe-item>
  <img src="http://img2.imgtn.bdimg.com/it/u=2649984867,1677421957&fm=214&gp=0.jpg">
  </mt-swipe-item>
  <mt-swipe-item>
    <img src="http://b.zol-img.com.cn/sjbizhi/images/5/320x510/137706987846.jpg">
  </mt-swipe-item>
  <mt-swipe-item>
    <img src="http://b.zol-img.com.cn/sjbizhi/images/5/320x510/1379040759567.jpg">
  </mt-swipe-item>
</mt-swipe>
   </div>
</template>

<script>
export default {
  name: 'app',
  data () {
    return {
      msg: 'prictice vue2'
    }
  }
}
</script>

<style lang="scss">
html,body{
  height:100%;
  padding:0;
  margin:0
}

.sw{
  height:100%;
}
.mint-swipe{
  height:100%;

}
.mint-swipe-item img{
  padding-top:40px;
  width:100%;
  height:100%;
}
</style>
